<template>
    <div style="padding: 1rem;" class="list" >
        <h3>{{notice.title}}</h3>
        <div>
            <span>发布时间：{{notice.time}}</span>

        </div>
        <!-- <p style="width:99% ; overflow: hidden;">{{notice.content}}</p> -->
    </div>
    <el-divider style="margin: 0.5px"/>
</template>

<script>
export default {
    name: 'TestOnlineNoticeItem2',

    data() {
        return {
            
        };
    },
    props:['notice'],
    mounted() {
        
    },

    methods: {
     
    },
};
</script>

<style lang="css" scoped>
h3{
    font-weight: 400;
    margin-bottom: 0.5em;
}
span{
    font-size: 0.5rem;
    padding-right: 0.5rem;
    color: #666;
    
}
p{
    color: #666;
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    height: 1.5rem;
}.list:hover{
   background-color: #EDF4FE;
}
</style>